import {
  CommandLineIcon,
  DocumentCheckIcon,
  RocketLaunchIcon,
} from "@heroicons/react/24/outline";
import { SVGProps, useId } from "react";
import { SiGraphql } from "react-icons/si";

const Illustration = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={477}
    height={598}
    fill="none"
    {...props}
  >
    <g opacity={0.7}>
      <mask id="c" fill="#fff">
        <path
          fillRule="evenodd"
          d="m305.4 118.2 30.789 17.725 30.861 17.6-.073 35.325.073 35.325-30.861 17.6L305.4 259.5l-30.789-17.725-30.861-17.6.073-35.325-.073-35.325 30.861-17.6L305.4 118.2Zm95.589 128.425L370.201 228.9l-30.789 17.725-30.861 17.6.073 35.325-.073 35.325 30.861 17.6 30.789 17.725 30.788-17.725 30.862-17.6-.073-35.325.073-35.325-30.862-17.6Zm-258.3 0L111.9 228.9l-30.788 17.725-30.862 17.6.073 35.325-.073 35.325 30.862 17.6L111.9 370.2l30.789-17.725 30.861-17.6-.073-35.325.073-35.325-30.861-17.6Zm193.5 109.8L305.4 338.7l-30.789 17.725-30.861 17.6.073 35.325-.073 35.325 30.861 17.6L305.4 480l30.789-17.725 30.861-17.6-.073-35.325.073-35.325-30.861-17.6ZM175.8 118.2l30.789 17.725 30.861 17.6-.073 35.325.073 35.325-30.861 17.6L175.8 259.5l-30.788-17.725-30.862-17.6.073-35.325-.073-35.325 30.862-17.6L175.8 118.2Zm30.789 238.225L175.8 338.7l-30.788 17.725-30.862 17.6.073 35.325-.073 35.325 30.862 17.6L175.8 480l30.789-17.725 30.861-17.6-.073-35.325.073-35.325-30.861-17.6Z"
          clipRule="evenodd"
        />
      </mask>
      <path
        fill="url(#a)"
        fillOpacity={0.15}
        fillRule="evenodd"
        d="m305.4 118.2 30.789 17.725 30.861 17.6-.073 35.325.073 35.325-30.861 17.6L305.4 259.5l-30.789-17.725-30.861-17.6.073-35.325-.073-35.325 30.861-17.6L305.4 118.2Zm95.589 128.425L370.201 228.9l-30.789 17.725-30.861 17.6.073 35.325-.073 35.325 30.861 17.6 30.789 17.725 30.788-17.725 30.862-17.6-.073-35.325.073-35.325-30.862-17.6Zm-258.3 0L111.9 228.9l-30.788 17.725-30.862 17.6.073 35.325-.073 35.325 30.862 17.6L111.9 370.2l30.789-17.725 30.861-17.6-.073-35.325.073-35.325-30.861-17.6Zm193.5 109.8L305.4 338.7l-30.789 17.725-30.861 17.6.073 35.325-.073 35.325 30.861 17.6L305.4 480l30.789-17.725 30.861-17.6-.073-35.325.073-35.325-30.861-17.6ZM175.8 118.2l30.789 17.725 30.861 17.6-.073 35.325.073 35.325-30.861 17.6L175.8 259.5l-30.788-17.725-30.862-17.6.073-35.325-.073-35.325 30.862-17.6L175.8 118.2Zm30.789 238.225L175.8 338.7l-30.788 17.725-30.862 17.6.073 35.325-.073 35.325 30.862 17.6L175.8 480l30.789-17.725 30.861-17.6-.073-35.325.073-35.325-30.861-17.6Z"
        clipRule="evenodd"
      />
      <path
        fill="url(#b)"
        d="m336.189 135.925-.45.78.004.002.446-.782ZM305.4 118.2l.449-.78-.449-.259-.449.259.449.78Zm61.65 35.325.9.002.001-.524-.455-.26-.446.782Zm-.073 35.325-.9-.002v.004l.9-.002Zm.073 35.325.446.782.455-.26-.001-.524-.9.002Zm-30.861 17.6-.446-.782-.004.002.45.78ZM305.4 259.5l-.449.78.449.258.449-.258-.449-.78Zm-30.789-17.725.45-.78-.004-.002-.446.782Zm-30.861-17.6-.9-.002-.001.524.455.26.446-.782Zm.073-35.325.9.002v-.004l-.9.002Zm-.073-35.325-.446-.782-.455.26.001.524.9-.002Zm30.861-17.6.446.782.004-.002-.45-.78Zm95.59 92.975.449-.78-.449-.259-.449.259.449.78Zm30.788 17.725-.449.78.003.002.446-.782Zm-61.577 0 .446.782.003-.002-.449-.78Zm-30.861 17.6-.446-.782-.455.26.001.524.9-.002Zm.073 35.325.9.002v-.004l-.9.002Zm-.073 35.325-.9-.002-.001.524.455.26.446-.782Zm30.861 17.6.449-.78-.003-.002-.446.782Zm30.789 17.725-.449.78.449.258.449-.258-.449-.78Zm30.788-17.725-.446-.782-.003.002.449.78Zm30.862-17.6.446.782.455-.26-.001-.524-.9.002Zm-.073-35.325-.9-.002v.004l.9-.002Zm.073-35.325.9.002.001-.524-.455-.26-.446.782ZM111.9 228.9l.449-.78-.449-.259-.449.259.449.78Zm30.789 17.725-.45.78.004.002.446-.782Zm-61.577 0 .445.782.004-.002-.45-.78Zm-30.862 17.6-.446-.782-.455.26.001.524.9-.002Zm.073 35.325.9.002v-.004l-.9.002Zm-.073 35.325-.9-.002-.001.524.455.26.446-.782Zm30.862 17.6.449-.78-.004-.002-.445.782ZM111.9 370.2l-.449.78.449.258.449-.258-.449-.78Zm30.789-17.725-.446-.782-.004.002.45.78Zm30.861-17.6.446.782.455-.26-.001-.524-.9.002Zm-.073-35.325-.9-.002v.004l.9-.002Zm.073-35.325.9.002.001-.524-.455-.26-.446.782ZM305.4 338.7l.449-.78-.449-.259-.449.259.449.78Zm30.789 17.725-.45.78.004.002.446-.782Zm-61.578 0 .446.782.004-.002-.45-.78Zm-30.861 17.6-.446-.782-.455.26.001.524.9-.002Zm.073 35.325.9.002v-.004l-.9.002Zm-.073 35.325-.9-.002-.001.524.455.26.446-.782Zm30.861 17.6.45-.78-.004-.002-.446.782ZM305.4 480l-.449.78.449.258.449-.258-.449-.78Zm30.789-17.725-.446-.782-.004.002.45.78Zm30.861-17.6.446.782.455-.26-.001-.524-.9.002Zm-.073-35.325-.9-.002v.004l.9-.002Zm.073-35.325.9.002.001-.524-.455-.26-.446.782Zm-160.461-238.1-.449.78.003.002.446-.782ZM175.8 118.2l.449-.78-.449-.259-.449.259.449.78Zm61.65 35.325.9.002.001-.524-.455-.26-.446.782Zm-.073 35.325-.9-.002v.004l.9-.002Zm.073 35.325.446.782.455-.26-.001-.524-.9.002Zm-30.861 17.6-.446-.782-.003.002.449.78ZM175.8 259.5l-.449.78.449.258.449-.258-.449-.78Zm-30.788-17.725.449-.78-.003-.002-.446.782Zm-30.862-17.6-.9-.002-.001.524.456.26.445-.782Zm.073-35.325.9.002v-.004l-.9.002Zm-.073-35.325-.445-.782-.456.26.001.524.9-.002Zm30.862-17.6.446.782.003-.002-.449-.78ZM175.8 338.7l.449-.78-.449-.259-.449.259.449.78Zm30.789 17.725-.449.78.003.002.446-.782Zm-61.577 0 .446.782.003-.002-.449-.78Zm-30.862 17.6-.445-.782-.456.26.001.524.9-.002Zm.073 35.325.9.002v-.004l-.9.002Zm-.073 35.325-.9-.002-.001.524.456.26.445-.782Zm30.862 17.6.449-.78-.003-.002-.446.782ZM175.8 480l-.449.78.449.258.449-.258-.449-.78Zm30.789-17.725-.446-.782-.003.002.449.78Zm30.861-17.6.446.782.455-.26-.001-.524-.9.002Zm-.073-35.325-.9-.002v.004l.9-.002Zm.073-35.325.9.002.001-.524-.455-.26-.446.782Zm99.188-238.88-30.789-17.725-.898 1.56 30.788 17.725.899-1.56Zm30.858 17.598-30.862-17.6-.891 1.564 30.861 17.6.892-1.564Zm.381 36.109.073-35.325-1.8-.004-.073 35.325 1.8.004Zm.073 35.321-.073-35.325-1.8.004.073 35.325 1.8-.004Zm-31.316 18.384 30.862-17.6-.892-1.564-30.861 17.6.891 1.564Zm-30.785 17.723 30.789-17.725-.899-1.56-30.788 17.725.898 1.56Zm-31.687-17.725 30.789 17.725.898-1.56-30.788-17.725-.899 1.56Zm-30.858-17.598 30.862 17.6.891-1.564-30.861-17.6-.892 1.564Zm-.381-36.109-.073 35.325 1.8.004.073-35.325-1.8-.004Zm-.073-35.321.073 35.325 1.8-.004-.073-35.325-1.8.004Zm31.316-18.384-30.862 17.6.892 1.564 30.861-17.6-.891-1.564Zm30.785-17.723-30.789 17.725.899 1.56 30.788-17.725-.898-1.56Zm64.801 112.26 30.788 17.725.898-1.56-30.788-17.725-.898 1.56Zm-29.891 17.725 30.789-17.725-.898-1.56-30.789 17.725.898 1.56Zm-30.864 17.602 30.861-17.6-.892-1.564-30.861 17.6.892 1.564Zm.527 34.541-.073-35.325-1.8.004.073 35.325 1.8-.004Zm-.073 35.329.073-35.325-1.8-.004-.073 35.325 1.8.004Zm30.407 16.816-30.861-17.6-.892 1.564 30.861 17.599.892-1.563Zm30.792 17.727-30.789-17.725-.898 1.56 30.789 17.725.898-1.56Zm29.89-17.725-30.788 17.725.898 1.56 30.788-17.725-.898-1.56Zm30.865-17.602-30.862 17.6.892 1.563 30.862-17.599-.892-1.564Zm-.527-34.541.073 35.325 1.8-.004-.073-35.325-1.8.004Zm.073-35.329-.073 35.325 1.8.004.073-35.325-1.8-.004Zm-30.408-16.816 30.862 17.6.892-1.564-30.862-17.6-.892 1.564ZM111.451 229.68l30.788 17.725.899-1.56-30.789-17.725-.898 1.56Zm-29.89 17.725 30.788-17.725-.898-1.56-30.788 17.725.898 1.56Zm-30.865 17.602 30.861-17.6-.891-1.564-30.862 17.6.892 1.564Zm.527 34.541-.073-35.325-1.8.004.073 35.325 1.8-.004Zm-.073 35.329.073-35.325-1.8-.004-.073 35.325 1.8.004Zm30.407 16.816-30.861-17.6-.892 1.564 30.862 17.6.891-1.564Zm30.792 17.727-30.788-17.725-.899 1.56 30.789 17.725.898-1.56Zm29.89-17.725-30.788 17.725.898 1.56 30.789-17.725-.899-1.56Zm30.865-17.602-30.861 17.6.891 1.564 30.862-17.6-.892-1.564Zm-.527-34.541.073 35.325 1.8-.004-.073-35.325-1.8.004Zm.073-35.329-.073 35.325 1.8.004.073-35.325-1.8-.004Zm-30.407-16.816 30.861 17.6.892-1.564-30.862-17.6-.891 1.564Zm162.708 92.073 30.788 17.725.899-1.56-30.789-17.725-.898 1.56Zm-29.89 17.725 30.788-17.725-.898-1.56-30.789 17.725.899 1.56Zm-30.865 17.602 30.861-17.6-.891-1.564-30.862 17.6.892 1.564Zm.527 34.541-.073-35.325-1.8.004.073 35.325 1.8-.004Zm-.073 35.329.073-35.325-1.8-.004-.073 35.325 1.8.004Zm30.407 16.816-30.861-17.6-.892 1.564 30.862 17.6.891-1.564Zm30.792 17.727-30.788-17.725-.899 1.56 30.789 17.725.898-1.56Zm29.89-17.725-30.788 17.725.898 1.56 30.789-17.725-.899-1.56Zm30.865-17.602-30.861 17.6.891 1.564 30.862-17.6-.892-1.564Zm-.527-34.541.073 35.325 1.8-.004-.073-35.325-1.8.004Zm.073-35.329-.073 35.325 1.8.004.073-35.325-1.8-.004Zm-30.407-16.816 30.861 17.6.892-1.564-30.862-17.6-.891 1.564ZM207.038 135.145l-30.789-17.725-.898 1.56 30.789 17.725.898-1.56Zm30.858 17.598-30.861-17.6-.892 1.564 30.862 17.6.891-1.564Zm.381 36.109.073-35.325-1.8-.004-.073 35.325 1.8.004Zm.073 35.321-.073-35.325-1.8.004.073 35.325 1.8-.004Zm-31.315 18.384 30.861-17.6-.891-1.564-30.862 17.6.892 1.564Zm-30.786 17.723 30.789-17.725-.898-1.56-30.789 17.725.898 1.56Zm-31.686-17.725 30.788 17.725.898-1.56-30.788-17.725-.898 1.56Zm-30.858-17.598 30.861 17.6.892-1.564-30.862-17.6-.891 1.564Zm-.382-36.109-.073 35.325 1.8.004.073-35.325-1.8-.004Zm-.073-35.321.073 35.325 1.8-.004-.073-35.325-1.8.004Zm31.316-18.384-30.861 17.6.891 1.564 30.862-17.6-.892-1.564Zm30.785-17.723-30.788 17.725.898 1.56 30.788-17.725-.898-1.56Zm0 222.06 30.789 17.725.898-1.56-30.789-17.725-.898 1.56Zm-29.89 17.725 30.788-17.725-.898-1.56-30.788 17.725.898 1.56Zm-30.865 17.602 30.862-17.6-.892-1.564-30.861 17.6.891 1.564Zm.527 34.541-.073-35.325-1.8.004.073 35.325 1.8-.004Zm-.073 35.329.073-35.325-1.8-.004-.073 35.325 1.8.004Zm30.408 16.816-30.862-17.6-.891 1.564 30.861 17.6.892-1.564Zm30.791 17.727-30.788-17.725-.898 1.56 30.788 17.725.898-1.56Zm29.891-17.725-30.789 17.725.898 1.56 30.789-17.725-.898-1.56Zm30.865-17.602-30.862 17.6.892 1.564 30.861-17.6-.891-1.564Zm-.528-34.541.073 35.325 1.8-.004-.073-35.325-1.8.004Zm.073-35.329-.073 35.325 1.8.004.073-35.325-1.8-.004Zm-30.407-16.816 30.862 17.6.891-1.564-30.861-17.6-.892 1.564Z"
        mask="url(#c)"
      />
    </g>
    <path
      fill="#D692B3"
      fillRule="evenodd"
      d="M258.806 76.5 240.602 66l-18.203 10.5-18.247 10.425.043 20.925-.043 20.925 18.247 10.425 18.203 10.5 18.204-10.5 18.246-10.425-.043-20.925.043-20.925L258.806 76.5Zm0 382.5-18.204-10.5-18.203 10.5-18.247 10.425.043 20.925-.043 20.925 18.247 10.425 18.203 10.5 18.204-10.5 18.246-10.425-.043-20.925.043-20.925L258.806 459Zm149.195-297.6 18.203 10.5 18.247 10.425-.043 20.925.043 20.925-18.247 10.425-18.203 10.5-18.204-10.5-18.246-10.425.043-20.925-.043-20.925 18.246-10.425 18.204-10.5ZM90.505 171.9l-18.203-10.5-18.204 10.5-18.246 10.425.043 20.925-.043 20.925L54.098 234.6l18.204 10.5 18.203-10.5 18.247-10.425-.044-20.925.044-20.925L90.505 171.9ZM408.001 354l18.203 10.5 18.247 10.425-.043 20.925.043 20.925-18.247 10.425-18.203 10.5-18.204-10.5-18.246-10.425.043-20.925-.043-20.925 18.246-10.425 18.204-10.5ZM90.505 364.5 72.302 354l-18.204 10.5-18.246 10.425.043 20.925-.043 20.925L54.098 427.2l18.204 10.5 18.203-10.5 18.247-10.425-.044-20.925.044-20.925L90.505 364.5Z"
      clipRule="evenodd"
      opacity={0.14}
    />
    <path
      fill="url(#d)"
      d="m24.6 371.1-.218-.394-.232.129v.265h.45Zm0 36 .244.378.206-.133v-.245h-.45Zm-24 13.95a2.4 2.4 0 1 0 4.8 0 2.4 2.4 0 0 0-4.8 0Zm61.132-71.044-37.35 20.7.436.788 37.35-20.7-.436-.788ZM24.15 371.1v36h.9v-36h-.9Zm.206 35.622-21.6 13.95.488.756 21.6-13.95-.488-.756Z"
    />
    <path
      fill="url(#e)"
      d="M6.45 370.2a2.4 2.4 0 1 0 4.8 0 2.4 2.4 0 0 0-4.8 0Zm48.98-26.493-46.8 26.1.439.786 46.8-26.1-.439-.786Z"
    />
    <path
      fill="url(#f)"
      d="m452.552 371.1.218-.394.232.129v.265h-.45Zm0 36-.244.378-.206-.133v-.245h.45Zm24 13.95a2.4 2.4 0 1 1-4.8 0 2.4 2.4 0 0 1 4.8 0Zm-61.132-71.044 37.35 20.7-.436.788-37.35-20.7.436-.788Zm37.582 21.094v36h-.9v-36h.9Zm-.206 35.622 21.6 13.95-.488.756-21.6-13.95.488-.756Z"
    />
    <path
      fill="url(#g)"
      d="M470.703 370.2a2.4 2.4 0 1 1-4.801-.001 2.4 2.4 0 0 1 4.801.001Zm-48.981-26.493 46.8 26.1-.438.786-46.8-26.1.438-.786Z"
    />
    <path
      fill="url(#h)"
      d="m71.908 152.656.232-.386-.227-.136-.23.132.225.39Zm-31.177 18-.205.4.218.112.212-.122-.225-.39Zm-24.08-13.81a2.4 2.4 0 1 0 2.4 4.158 2.4 2.4 0 0 0-2.4-4.158Zm92.091 17.42L72.14 152.27l-.463.772 36.601 21.996.464-.772Zm-37.059-22-31.177 18 .45.78 31.177-18-.45-.78Zm-30.746 17.99-22.881-11.732-.41.801 22.88 11.731.41-.8Z"
    />
    <path
      fill="url(#i)"
      d="M18.45 219.171a2.4 2.4 0 1 0 2.402 4.158 2.4 2.4 0 0 0-2.401-4.158Zm47.435 29.172L19.88 220.864l-.461.772 46.003 27.48.462-.773Z"
    />
    <path
      fill="url(#j)"
      d="m108.301 150.15-.234-.385-.216.132v.253h.45Zm20.55-13.95a2.4 2.4 0 1 0 4.8 0 2.4 2.4 0 0 0-4.8 0Zm-20.1 38.25v-24.3h-.9v24.3h.9Zm-.217-23.916 22.95-13.95-.467-.769-22.95 13.95.467.769Z"
    />
    <path
      fill="url(#k)"
      d="M173.806 548.258a2.399 2.399 0 1 0 2.4-4.157 2.4 2.4 0 1 0-2.4 4.157Zm1.546-55.665-.796 53.58.9.014.796-53.58-.9-.014Z"
    />
    <path
      fill="url(#l)"
      d="M304.306 548.258a2.399 2.399 0 1 0 2.4-4.157 2.4 2.4 0 1 0-2.4 4.157Zm1.546-55.665-.796 53.58.9.014.796-53.58-.9-.014Z"
    />
    <path
      fill="url(#m)"
      d="M238.606 596.858a2.4 2.4 0 1 0 2.401-4.157 2.4 2.4 0 0 0-2.401 4.157Zm1.547-55.665-.797 53.58.9.014.797-53.58-.9-.014Z"
    />
    <path
      fill="url(#n)"
      d="M173.806 49.521a2.4 2.4 0 1 1 2.4 4.157 2.4 2.4 0 0 1-2.4-4.157Zm1.546 55.666-.796-53.58.9-.014.796 53.58-.9.014Z"
    />
    <path
      fill="url(#o)"
      d="M304.306 49.521a2.4 2.4 0 1 1 2.4 4.157 2.4 2.4 0 0 1-2.4-4.157Zm1.546 55.666-.796-53.58.9-.014.796 53.58-.9.014Z"
    />
    <path
      fill="url(#p)"
      d="M238.606.921a2.4 2.4 0 1 1 2.4 4.159 2.4 2.4 0 0 1-2.4-4.159Zm1.547 55.666-.797-53.58.9-.014.797 53.58-.9.014Z"
    />
    <path
      fill="url(#q)"
      d="m408.842 152.656-.232-.386.227-.136.23.132-.225.39Zm31.176 18 .206.4-.218.112-.213-.122.225-.39Zm24.082-13.81a2.401 2.401 0 1 1-2.403 4.158 2.401 2.401 0 0 1 2.403-4.158Zm-92.092 17.42 36.602-21.996.463.772-36.601 21.996-.464-.772Zm37.059-22 31.176 18-.45.78-31.176-18 .45-.78Zm30.746 17.99 22.881-11.732.411.801-22.881 11.731-.411-.8Z"
    />
    <path
      fill="url(#r)"
      d="M462.299 219.171a2.4 2.4 0 1 1-2.4 4.158 2.4 2.4 0 0 1 2.4-4.158Zm-47.434 29.172 46.004-27.479.461.772-46.003 27.48-.462-.773Z"
    />
    <path
      fill="url(#s)"
      d="m372.449 150.15.234-.385.216.132v.253h-.45Zm-20.55-13.95a2.4 2.4 0 1 1-4.8 0 2.4 2.4 0 0 1 4.8 0Zm20.1 38.25v-24.3h.9v24.3h-.9Zm.216-23.916-22.95-13.95.468-.769 22.95 13.95-.468.769Z"
    />
    <g filter="url(#t)" shapeRendering="crispEdges">
      <path
        fill="url(#u)"
        fillOpacity={0.4}
        d="m241.05 201 42.475 24.725 42.575 24.55-.101 49.275.101 49.275-42.575 24.55L241.05 398.1l-42.475-24.725L156 348.825l.101-49.275-.101-49.275 42.575-24.55L241.05 201Z"
      />
      <path
        stroke="url(#v)"
        strokeWidth={0.9}
        d="m283.298 226.114.002.001 42.349 24.42-.1 49.014v.002l.1 49.014-42.349 24.42-.002.001-42.248 24.593-42.248-24.593-.002-.001-42.349-24.42.1-49.014v-.002l-.1-49.014 42.349-24.42.002-.001 42.248-24.593 42.248 24.593Z"
      />
    </g>
    <path
      fill="url(#w)"
      fillOpacity={0.4}
      stroke="url(#x)"
      strokeWidth={0.9}
      d="M271.388 247.015h.001l30.41 17.47-.072 35.064v.002l.072 35.064-30.41 17.47-.001.001-30.338 17.594-30.338-17.594-.002-.001-30.41-17.47.072-35.064v-.002l-.072-35.064 30.41-17.47h.002l30.338-17.595 30.338 17.595Z"
    />
    <path
      fill="#fff"
      fillRule="evenodd"
      d="M233.18 274.248a25.491 25.491 0 0 0-8.979 4.961 8.986 8.986 0 0 0-4.947-4.087 31.75 31.75 0 0 1 11.339-6.765 31.12 31.12 0 0 1 13.027-1.511c4.397.428 8.66 1.79 12.52 3.998a31.992 31.992 0 0 1 2.832 1.827l.094-.041a6.31 6.31 0 0 1 3.737-.378 6.42 6.42 0 0 1 3.312 1.82 6.717 6.717 0 0 1 1.77 3.405 6.828 6.828 0 0 1-.369 3.843 6.615 6.615 0 0 1-2.382 2.984 6.32 6.32 0 0 1-6.069.614 6.44 6.44 0 0 1-2.098-1.442 6.649 6.649 0 0 1-1.402-2.157 6.812 6.812 0 0 1-.417-3.559 25.455 25.455 0 0 0-2.098-1.334 25.182 25.182 0 0 0-9.721-3.157 25.018 25.018 0 0 0-10.149.979Zm-10.193 9.58a6.794 6.794 0 0 1-.99 3.536l1.326 2.358a8.85 8.85 0 0 1-5.008 3.068l-1.311-2.331a6.332 6.332 0 0 1-1.746-.109 6.42 6.42 0 0 1-3.311-1.82 6.714 6.714 0 0 1-1.77-3.404 6.815 6.815 0 0 1 .368-3.842 6.613 6.613 0 0 1 2.381-2.984 6.349 6.349 0 0 1 3.593-1.121c.849 0 1.69.172 2.475.506a6.466 6.466 0 0 1 2.099 1.441 6.68 6.68 0 0 1 1.402 2.158c.325.806.492 1.671.492 2.544Zm-4.672 8.962 11.151 19.829 3.362 5.987 3.363-5.987 4.192-7.465 4.181 7.438 3.36 5.985 3.362-5.986 5.64-10.047h9.211a27.195 27.195 0 0 0-.001-5.987h-12.573l-.584 1.041-5.056 9.003-4.181-7.439-3.362-5.987-3.357 5.988-4.195 7.465-9.505-16.906a8.836 8.836 0 0 1-5.008 3.068Zm47.987 6.76c0 1-.055 2-.165 2.994h6.184v-5.987h-6.184c.11.993.165 1.993.165 2.993Zm6.021-2.993h.094c.086.986.133 1.985.133 2.994 0 18.141-14.3 32.849-31.947 32.849-17.648 0-31.953-14.707-31.953-32.848a33.587 33.587 0 0 1 1.356-9.492 8.786 8.786 0 0 0 5.657 2.874c-.475 2.112-.764 4.568-.764 6.617 0 14.59 11.504 26.424 25.704 26.424 13.214 0 24.09-10.247 25.536-23.431h6.184v-5.987Z"
      clipRule="evenodd"
    />
    <g opacity={0.6}>
      <path
        fill="#CAB8CB"
        d="m177.256 164.469 19.65 31.86-1.762.952-19.65-31.859 1.762-.953Z"
      />
      <path fill="#CAB8CB" d="M157.987 193.8h39.3v1.905h-39.3V193.8Z" />
      <path
        fill="#CAB8CB"
        d="m195.496 193.22 1.018 1.65-19.654 10.621-1.018-1.65 19.654-10.621ZM178.424 165.522l1.017 1.65-19.654 10.622-1.017-1.65 19.654-10.622Z"
      />
      <path
        fill="#CAB8CB"
        d="m176.827 165.547 19.653 10.621-1.017 1.65-19.654-10.622 1.018-1.649Z"
      />
      <path
        fill="#CAB8CB"
        d="m178.019 164.509 1.762.953-19.65 31.859-1.763-.953 19.651-31.859ZM193.697 174.878h2.035v21.244h-2.035v-21.244Z"
      />
      <path fill="#CAB8CB" d="M159.539 174.878h2.035v21.244h-2.035v-21.244Z" />
      <path
        fill="#CAB8CB"
        d="m160.994 194.024 17.092 9.237-.889 1.442-17.092-9.237.889-1.442Z"
      />
      <path
        fill="#CAB8CB"
        d="M156.846 196.746a4.177 4.177 0 0 0 1.811 1.587 4.54 4.54 0 0 0 2.447.378 4.418 4.418 0 0 0 2.26-.958 3.967 3.967 0 0 0 1.311-1.971 3.749 3.749 0 0 0-.078-2.32 4.019 4.019 0 0 0-1.441-1.89 4.447 4.447 0 0 0-2.32-.822 4.515 4.515 0 0 0-2.417.521 4.204 4.204 0 0 0-1.259 1.03 3.887 3.887 0 0 0-.742 1.402 3.749 3.749 0 0 0-.11 1.562 3.82 3.82 0 0 0 .538 1.481M191.01 178.272a4.177 4.177 0 0 0 1.811 1.587 4.54 4.54 0 0 0 2.447.378 4.418 4.418 0 0 0 2.26-.958 3.975 3.975 0 0 0 1.312-1.971 3.756 3.756 0 0 0-.079-2.32 4.019 4.019 0 0 0-1.441-1.89 4.447 4.447 0 0 0-2.32-.822 4.515 4.515 0 0 0-2.417.521c-.982.533-1.699 1.408-1.994 2.434a3.79 3.79 0 0 0 .421 3.041M198.433 196.746a3.8 3.8 0 0 0 .557-2.262 3.86 3.86 0 0 0-.878-2.172 4.283 4.283 0 0 0-2.019-1.349 4.55 4.55 0 0 0-2.479-.073 4.326 4.326 0 0 0-2.106 1.228 3.897 3.897 0 0 0-1.023 2.115c-.11.784.031 1.581.404 2.291a4.131 4.131 0 0 0 1.695 1.695c.985.528 2.153.67 3.249.394s2.031-.947 2.6-1.867M164.244 178.272a3.8 3.8 0 0 0 .557-2.262 3.855 3.855 0 0 0-.879-2.172 4.28 4.28 0 0 0-2.018-1.349 4.554 4.554 0 0 0-2.48-.073 4.321 4.321 0 0 0-2.105 1.227 3.886 3.886 0 0 0-1.023 2.116c-.11.784.03 1.581.404 2.291a4.12 4.12 0 0 0 1.695 1.695 4.476 4.476 0 0 0 1.583.504 4.57 4.57 0 0 0 1.668-.104 4.375 4.375 0 0 0 1.498-.694c.446-.321.82-.722 1.1-1.179ZM177.637 208a4.51 4.51 0 0 0 2.385-.677 4.088 4.088 0 0 0 1.581-1.804c.325-.734.41-1.542.244-2.321a3.936 3.936 0 0 0-1.174-2.057 4.396 4.396 0 0 0-2.198-1.1 4.566 4.566 0 0 0-2.48.228 4.256 4.256 0 0 0-1.927 1.48 3.837 3.837 0 0 0-.723 2.233 3.765 3.765 0 0 0 .322 1.54c.215.488.531.932.93 1.306.399.373.873.669 1.395.87a4.517 4.517 0 0 0 1.645.302ZM177.637 171.036c.85 0 1.681-.236 2.387-.678a4.093 4.093 0 0 0 1.581-1.806 3.783 3.783 0 0 0 .241-2.324 3.948 3.948 0 0 0-1.179-2.057 4.402 4.402 0 0 0-2.203-1.096 4.572 4.572 0 0 0-2.481.235 4.253 4.253 0 0 0-1.923 1.487 3.831 3.831 0 0 0-.388 3.772c.216.487.532.929.931 1.301a4.3 4.3 0 0 0 1.393.866c.521.2 1.078.302 1.641.3ZM107.278 299.049a4.789 4.789 0 0 0-1.406 3.394 4.804 4.804 0 0 0 2.963 4.435 4.81 4.81 0 0 0 5.233-1.041 4.8 4.8 0 1 0-6.79-6.788Zm5.075 5.078a2.383 2.383 0 0 1-1.689.728 2.38 2.38 0 0 1-2.222-1.476 2.37 2.37 0 0 1 .017-1.839 2.368 2.368 0 0 1 2.204-1.437 2.378 2.378 0 0 1 2.354 2.353 2.373 2.373 0 0 1-.664 1.671Zm1.634-28.695-2.941 2.942a1.488 1.488 0 0 0 0 2.098l11.483 11.482a1.493 1.493 0 0 0 2.098 0l2.941-2.941a1.488 1.488 0 0 0 0-2.097l-11.487-11.484a1.485 1.485 0 0 0-2.094 0ZM93.38 313.013a1.343 1.343 0 0 0 0-1.896l-1.495-1.496a1.344 1.344 0 0 0-1.897 0l-3.088 3.09-.006.003-.847-.849a1.203 1.203 0 0 0-1.696 0 1.2 1.2 0 0 0 0 1.696l5.088 5.088a1.204 1.204 0 0 0 1.696 0 1.21 1.21 0 0 0 .352-.848 1.195 1.195 0 0 0-.352-.848l-.849-.847.006-.004 3.088-3.089Zm15.559-29.137-6.535 6.534a1.508 1.508 0 0 0 0 2.116l4.034 4.033a7.295 7.295 0 0 1 9.419.768l3.267-3.267a1.501 1.501 0 0 0 0-2.115l-8.069-8.067a1.499 1.499 0 0 0-2.116-.002Zm-4.195 14.384-2.384-2.383a1.442 1.442 0 0 0-2.031 0l-8.403 8.408a1.44 1.44 0 0 0 0 2.029l4.761 4.763a1.443 1.443 0 0 0 2.032 0l5.403-5.414a7.317 7.317 0 0 1-.7-3.786 7.317 7.317 0 0 1 1.322-3.617Z"
      />
      <g clipPath="url(#y)">
        <path
          fill="#CAB8CB"
          d="M191.888 410.359H196v6.166h-4.112v-6.166ZM183.667 397h4.111v32.884h-4.111V397Zm-8.222 0h4.11v32.884h-4.11V397ZM159 429.884V397h4.112v32.884H159ZM167.222 397h4.111v32.884h-4.111V397Z"
        />
      </g>
      <path
        fill="#CAB8CB"
        d="M318.634 392a18.439 18.439 0 0 0-4.881.694l-.112.033a19.966 19.966 0 0 0-3.028-.283c-2.087-.035-3.882.456-5.325 1.275-1.425-.48-4.38-1.307-7.495-1.142-2.169.115-4.535.754-6.289 2.55-1.749 1.797-2.673 4.575-2.478 8.357.052 1.045.358 2.745.868 4.95.506 2.203 1.222 4.782 2.113 7.135.891 2.355 1.867 4.47 3.394 5.906.761.72 1.809 1.326 3.045 1.275.868-.034 1.653-.403 2.33-.949.33.422.683.606 1.003.776.404.214.797.36 1.204.458 1.127.288 2.3.346 3.45.171a6.698 6.698 0 0 0 1.553-.464c.018.567.041 1.122.065 1.684.072 1.781.118 3.426.67 4.868.088.236.33 1.449 1.288 2.52.956 1.072 2.831 1.74 4.965 1.297 1.505-.313 3.422-.877 4.693-2.632 1.256-1.737 1.824-4.228 1.937-8.267.028-.218.062-.403.097-.578l.3.027h.034c1.607.071 3.351-.15 4.808-.807 1.29-.581 2.265-1.166 2.975-2.207.178-.256.373-.568.426-1.106.052-.534-.263-1.374-.79-1.76-1.055-.777-1.717-.482-2.428-.338-.699.15-1.412.233-2.13.249 2.05-3.345 3.518-6.9 4.356-10.046.495-1.856.774-3.568.797-5.064.022-1.496-.103-2.822-1.028-3.97-2.889-3.581-6.952-4.571-10.095-4.605-.097-.001-.195-.003-.292-.001V392Zm-.083 1.101c2.972-.029 6.771.781 9.497 4.162.613.759.795 1.869.775 3.238-.023 1.367-.284 3.002-.76 4.795-.924 3.472-2.672 7.518-5.134 11.152.088.06.182.11.282.148.513.206 1.683.383 4.022-.082.586-.122 1.018-.203 1.464.127a.898.898 0 0 1 .324.731c-.024.21-.104.409-.23.578-.45.658-1.343 1.282-2.487 1.796-1.01.458-2.461.696-3.748.711-.645.005-1.239-.043-1.743-.195l-.034-.011c-.195 1.82-.643 5.418-.934 7.059-.234 1.324-.643 2.376-1.425 3.163-.78.788-1.882 1.262-3.367 1.571-1.84.383-3.18-.03-4.045-.737-.862-.703-1.258-1.638-1.496-2.212-.163-.394-.248-.906-.33-1.59a33.864 33.864 0 0 1-.182-2.466 84.746 84.746 0 0 1-.052-4.337 5.498 5.498 0 0 1-2.751 1.307c-1.219.201-2.31.004-2.961-.153a4.12 4.12 0 0 1-.918-.347c-.304-.156-.591-.332-.782-.681a.938.938 0 0 1-.102-.656c.062-.228.198-.428.387-.568.352-.278.815-.432 1.515-.574 1.275-.253 1.719-.428 1.989-.636.231-.178.491-.538.953-1.068a.826.826 0 0 1-.006-.07 5.357 5.357 0 0 1-2.357-.617c-.264.272-1.622 1.665-3.277 3.597-.696.808-1.465 1.271-2.277 1.305-.812.033-1.545-.364-2.167-.949-1.247-1.174-2.241-3.193-3.107-5.475-.863-2.284-1.568-4.826-2.066-6.992-.503-2.166-.799-3.911-.84-4.753-.188-3.58.675-5.991 2.156-7.511 1.481-1.521 3.51-2.097 5.49-2.207 3.551-.199 6.924 1.003 7.607 1.262 1.314-.867 3.007-1.407 5.124-1.373 1.004.014 2.002.14 2.978.375l.035-.015c.43-.146.867-.27 1.309-.367a17.572 17.572 0 0 1 3.669-.432l.002-.003Zm.268 1.151h-.256a15.945 15.945 0 0 0-3.019.33 13.213 13.213 0 0 1 5.047 3.866 14.511 14.511 0 0 1 2.007 3.3c.195.454.326.838.399 1.134.037.15.064.276.071.407a.767.767 0 0 1-.02.248l-.012.022c.055 1.506-.33 2.526-.377 3.962-.035 1.043.239 2.267.306 3.6.064 1.256-.092 2.635-.932 3.988.071.083.135.165.203.248 2.222-3.394 3.825-7.151 4.678-10.352.455-1.725.699-3.287.72-4.524.019-1.238-.22-2.136-.523-2.509-2.378-2.95-5.593-3.7-8.292-3.72Zm-8.484.441c-2.094.003-3.598.618-4.736 1.537-1.176.951-1.963 2.25-2.481 3.583a14.802 14.802 0 0 0-.909 4.149l.024-.013a9.287 9.287 0 0 1 2.351-.887c.891-.198 1.849-.26 2.717.066.868.328 1.587 1.095 1.847 2.261 1.247 5.599-.388 7.68-.992 9.25-.228.569-.424 1.15-.587 1.742.077-.019.154-.038.229-.045.33-.018.658.046.956.187.608.244 1.024.754 1.249 1.339.058.154.101.319.126.487a.593.593 0 0 1 .035.22 92.32 92.32 0 0 0 .023 6.423c.041.927.101 1.74.178 2.384.075.641.184 1.128.253 1.293.225.552.557 1.272 1.157 1.761.6.487 1.457.814 3.026.487 1.362-.283 2.202-.675 2.764-1.243.559-.564.894-1.35 1.108-2.555.321-1.806.966-7.039 1.043-8.025-.034-.741.078-1.313.322-1.748.253-.446.643-.72.979-.868.169-.075.326-.124.456-.159a10.66 10.66 0 0 0-.432-.559 7.634 7.634 0 0 1-1.179-1.888 14.549 14.549 0 0 0-.456-.831c-.234-.412-.532-.928-.843-1.507-.625-1.161-1.304-2.567-1.656-3.938-.351-1.367-.403-2.782.497-3.782.799-.887 2.197-1.254 4.299-1.048-.062-.18-.099-.33-.204-.57a13.401 13.401 0 0 0-1.843-3.032c-1.782-2.208-4.663-4.398-9.118-4.47l-.203-.001Zm-11.767.088c-.225 0-.45.007-.675.018-1.789.1-3.48.604-4.69 1.849-1.213 1.243-2.01 3.283-1.837 6.662.035.637.322 2.43.813 4.556.492 2.13 1.189 4.633 2.025 6.844.837 2.212 1.853 4.138 2.817 5.049.485.456.907.64 1.29.625.384-.019.845-.233 1.412-.891a74.635 74.635 0 0 1 3.206-3.519 6.022 6.022 0 0 1-1.748-2.451 5.841 5.841 0 0 1-.318-2.962c.181-1.272.206-2.46.185-3.398-.022-.915-.09-1.522-.09-1.903v-.053a16.524 16.524 0 0 1 1.048-5.803c.495-1.278 1.234-2.578 2.342-3.63-1.087-.347-3.019-.875-5.109-.975-.225-.011-.45-.018-.675-.018h.004Zm21.963 9.078c-1.202.015-1.877.317-2.231.711-.502.559-.549 1.537-.238 2.745.309 1.207.951 2.559 1.554 3.681.3.562.593 1.068.829 1.477.238.413.413.705.518.956.097.229.206.432.315.621.465-.954.549-1.89.5-2.867-.062-1.207-.35-2.443-.307-3.694.047-1.462.345-2.417.371-3.547a10.646 10.646 0 0 0-1.311-.083Zm-14.587.197a5.137 5.137 0 0 0-1.091.128 8.403 8.403 0 0 0-2.044.772 4.393 4.393 0 0 0-.619.392l-.037.034c.011.251.061.86.084 1.755.019.98-.004 2.231-.199 3.581-.424 2.94 1.774 5.374 4.358 5.378.15-.604.399-1.215.647-1.86.72-1.881 2.135-3.252.943-8.605-.195-.875-.582-1.23-1.114-1.43a2.667 2.667 0 0 0-.928-.145Zm14.025.351h.09c.116.004.225.017.319.037.086.018.168.05.243.096a.285.285 0 0 1 .133.187v.015a.405.405 0 0 1-.063.233 1.193 1.193 0 0 1-.195.257 1.208 1.208 0 0 1-.683.365 1.06 1.06 0 0 1-.727-.178 1.061 1.061 0 0 1-.231-.202.443.443 0 0 1-.112-.218.278.278 0 0 1 .075-.221.675.675 0 0 1 .208-.154c.296-.138.618-.214.945-.221l-.002.004Zm-13.853.289c.094 0 .193.009.295.022.27.038.512.107.695.21.09.047.169.107.237.182a.397.397 0 0 1 .095.292.511.511 0 0 1-.133.265 1.154 1.154 0 0 1-.253.225 1.16 1.16 0 0 1-.795.193 1.305 1.305 0 0 1-.743-.392 1.257 1.257 0 0 1-.21-.281.472.472 0 0 1-.073-.304c.027-.187.186-.281.338-.337a1.59 1.59 0 0 1 .544-.068l.003-.007Zm16.05 12.622h-.005c-.261.094-.475.131-.657.206a.795.795 0 0 0-.421.37c-.113.197-.207.547-.179 1.143.081.054.17.095.263.12.302.09.81.15 1.378.141 1.129-.013 2.52-.268 3.259-.602a7.097 7.097 0 0 0 1.67-1.057c-2.469.495-3.862.363-4.719.02-.212-.085-.41-.2-.589-.343v.002Zm-14.227.161h-.038c-.093.008-.23.038-.493.323-.619.671-.832 1.091-1.342 1.485-.507.394-1.168.602-2.488.864a3.565 3.565 0 0 0-.818.248c.053.041.047.052.124.092.193.103.442.193.641.243.568.137 1.5.298 2.473.137.971-.161 1.984-.613 2.846-1.787.15-.202.165-.502.044-.825-.126-.318-.396-.596-.587-.675a1.206 1.206 0 0 0-.362-.101v-.004ZM312.983 188.558h-.431c-.338.206-.488.6-.338.937l1.613 3.957a8.297 8.297 0 0 0 3.356-4.219l-4.181-.675h-.019Zm-6.469.544a.773.773 0 0 0-.712-.544h-.15l-4.163.694a8.286 8.286 0 0 0 3.356 4.181l1.594-3.881v-.057c.075-.093.075-.262.075-.393Zm3.431 1.518a.71.71 0 0 0-.956-.281c-.131.094-.225.15-.281.281h-.019l-2.044 3.694a8.363 8.363 0 0 0 4.557.225 6.43 6.43 0 0 0 .806-.225l-2.044-3.694h-.019Zm6.469-8.568-3.15 2.756.019.056a.704.704 0 0 0-.248.481.701.701 0 0 0 .173.513.682.682 0 0 0 .337.225l.019.019 4.069 1.162c.131-1.819-.263-3.656-1.219-5.212Zm-5.831.3a.697.697 0 0 0 .731.675c.15 0 .281-.038.394-.094h.019l3.431-2.456a8.345 8.345 0 0 0-4.819-2.325l.244 4.2Zm-3.638.581c.319.206.75.15.975-.169a.716.716 0 0 0 .15-.394h.019l.225-4.218c-.281.037-.562.093-.862.15a8.146 8.146 0 0 0-3.975 2.175l3.45 2.456h.018Zm-1.856 3.169a.688.688 0 0 0 .488-.863c0-.15-.094-.262-.207-.356v-.019l-3.15-2.869a8.369 8.369 0 0 0-1.181 5.288l4.05-1.163v-.018Zm3.075 1.237 1.163.563 1.162-.563.281-1.256-.806-.994h-1.294l-.806.994.3 1.256Zm20.419 2.475-3.319-14.381a2.56 2.56 0 0 0-1.387-1.763l-13.444-6.431a2.72 2.72 0 0 0-2.231 0l-13.425 6.431a2.559 2.559 0 0 0-1.388 1.763l-3.319 14.381c-.093.375-.093.75 0 1.106.019.113.057.225.094.338.056.169.15.356.244.506.056.075.094.15.169.206l9.281 11.588c.037 0 .094.075.094.112.187.169.356.3.525.413.225.15.487.262.75.319.206.093.431.093.6.093h15.225c.131 0 .262-.056.375-.093.093-.019.187-.057.262-.075.075-.038.131-.057.206-.094.094-.038.188-.094.282-.15a4.16 4.16 0 0 0 .618-.525l.282-.375 9-11.213c.187-.225.318-.468.412-.712.038-.113.075-.225.094-.338.094-.356.094-.75 0-1.106Zm-13.931 5.606c.037.113.075.225.131.319a.628.628 0 0 0-.056.488c.225.45.431.862.712 1.275.15.206.3.431.45.637 0 .056.056.15.075.225a.805.805 0 0 1-.281 1.106.797.797 0 0 1-1.106-.281c-.019-.056-.038-.094-.057-.15-.037-.056-.075-.169-.112-.169a8.269 8.269 0 0 1-.225-.768c-.169-.469-.319-.919-.563-1.35a.7.7 0 0 0-.393-.263l-.15-.3c-2.419.9-5.063.9-7.444-.019l-.188.338a.635.635 0 0 0-.356.169c-.262.45-.45.918-.619 1.443a6.546 6.546 0 0 1-.225.75c-.037 0-.075.132-.112.188a.804.804 0 0 1-1.031.487.808.808 0 0 1-.488-1.031c.019-.056.056-.094.075-.15.075-.056.075-.15.075-.206.169-.225.3-.431.45-.656.3-.394.544-.844.731-1.294a1.012 1.012 0 0 0-.056-.469l.131-.337a10.521 10.521 0 0 1-4.631-5.794l-.375.056a.726.726 0 0 0-.431-.169c-.506.094-.956.244-1.444.413-.206.112-.45.206-.694.281a1.492 1.492 0 0 1-.243.056.822.822 0 0 1-1.013-.506.812.812 0 0 1 .525-1.031c.038 0 .094-.019.15-.019v-.019h.019l.206-.037c.263-.075.525-.075.769-.075.487 0 .975-.113 1.444-.225.15-.094.262-.206.356-.356l.356-.094a10.223 10.223 0 0 1 1.613-7.256l-.263-.225a.818.818 0 0 0-.15-.469 7.686 7.686 0 0 0-1.2-.844 6.209 6.209 0 0 1-.675-.394c-.037-.037-.112-.093-.15-.131l-.019-.019c-.375-.3-.468-.787-.206-1.181a.853.853 0 0 1 .656-.281c.207.019.394.094.563.225l.169.131c.187.169.356.375.525.563.337.356.693.693 1.087.975a.73.73 0 0 0 .488.056l.281.206a10.305 10.305 0 0 1 5.25-3 9.626 9.626 0 0 1 1.462-.225l.019-.337a.85.85 0 0 0 .263-.432 7.43 7.43 0 0 0-.094-1.443 5.14 5.14 0 0 1-.113-.769v-.225a.834.834 0 0 1 .732-.9c.45-.056.825.281.881.712v.413a5.015 5.015 0 0 1-.113.769 7.352 7.352 0 0 0-.093 1.443.638.638 0 0 0 .262.413l.019.356a10.455 10.455 0 0 1 6.675 3.225l.3-.225a.721.721 0 0 0 .487-.056 6.738 6.738 0 0 0 1.088-.975c.169-.188.337-.375.525-.563.056-.037.131-.112.187-.112.319-.338.825-.338 1.107 0 .356.3.337.806 0 1.125 0 .037-.057.075-.113.112a4.59 4.59 0 0 1-.825.525 6.885 6.885 0 0 0-1.2.844.576.576 0 0 0-.15.45l-.3.263a10.193 10.193 0 0 1 1.65 7.237l.356.094c.075.15.207.262.357.337.468.132.956.207 1.443.263h.769c.056.056.15.075.225.094.45.056.75.468.694.918-.094.432-.45.75-.9.694-.056-.019-.131-.019-.131-.037v-.019c-.113 0-.188-.019-.263-.038a3.594 3.594 0 0 1-.675-.281 6.611 6.611 0 0 0-1.444-.394c-.168 0-.318 0-.431.15a10.97 10.97 0 0 1-.356-.056c-.769 2.456-2.456 4.519-4.631 5.831Z"
      />
      <g clipPath="url(#z)">
        <path
          fill="#CAB8CB"
          d="M375.634 292.036c-.971.252-1.772.387-2.592.683-.65.171-1.309.351-2.066.548l-.053.009c-.375.108-.41.117-.758-.287-.418-.476-.721-.782-1.3-1.069-1.754-.863-3.447-.611-5.023.422-1.888 1.231-2.859 3.055-2.832 5.319.027 2.246 1.55 4.087 3.669 4.393 1.96.252 3.545-.413 4.792-1.842.187-.233.356-.476.543-.746.071-.089.134-.188.205-.296h-5.353c-.579 0-.721-.359-.525-.836.356-.871 1.024-2.327 1.416-3.054.08-.162.276-.521.614-.521h9.005c.4-1.204 1.051-2.417 1.923-3.567 2.022-2.686 4.391-4.088 7.767-4.672 2.832-.503 5.495-.225 7.917 1.428 2.191 1.51 3.545 3.558 3.91 6.245.472 3.782-.614 6.855-3.268 9.487-1.755 1.878-3.999 3.055-6.582 3.585-.499.09-.989.135-1.47.18-.258.018-.507.045-.757.071-2.52-.053-4.827-.781-6.768-2.461-1.363-1.195-2.307-2.66-2.77-4.358-.33.656-.713 1.294-1.247 1.896-1.924 2.659-4.533 4.313-7.829 4.753-2.725.368-5.246-.162-7.472-1.842-2.049-1.572-3.215-3.639-3.518-6.217-.365-3.055.525-5.876 2.351-8.203 1.977-2.605 4.587-4.259 7.775-4.843 2.61-.557 5.104-.17 7.357 1.375 1.469.979 2.52 2.318 3.215 3.944.169.252.053.396-.276.476Zm-31.332.504c-.112 0-.139-.054-.084-.144l.583-.755c.056-.081.195-.135.306-.135h9.909c.107 0 .134.081.08.162l-.472.728a.402.402 0 0 1-.276.17l-10.046-.026Zm-4.191 2.578c-.111 0-.139-.063-.083-.144l.583-.754c.055-.081.194-.144.305-.144h12.657c.107 0 .16.09.134.171l-.223.673c-.027.108-.134.171-.249.171l-13.124.027Zm6.633 2.408c-.055.081-.028.162.083.162l6.051.027c.081 0 .196-.081.196-.189l.054-.674c0-.117-.054-.198-.169-.198h-5.549c-.111 0-.222.081-.278.171l-.388.701Zm44.663-1.617c-.018-.234-.027-.432-.062-.629-.499-2.767-3.029-4.34-5.665-3.72-2.583.584-4.248 2.237-4.854 4.87-.498 2.183.552 4.393 2.547 5.292 1.532.673 3.055.593 4.525-.171 2.191-1.222 3.384-2.938 3.527-5.346-.009-.108-.009-.207-.018-.296Z"
        />
      </g>
    </g>
    <defs>
      <linearGradient
        id="a"
        x1={50.128}
        x2={431.729}
        y1={299.129}
        y2={299.129}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FE2C9C" />
        <stop offset={1} stopColor="#11064D" />
      </linearGradient>
      <linearGradient
        id="b"
        x1={241.05}
        x2={241.05}
        y1={118.2}
        y2={480}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6B7F9" />
        <stop offset={1} stopColor="#2C1A45" />
      </linearGradient>
      <linearGradient
        id="d"
        x1={32.475}
        x2={32.475}
        y1={350.4}
        y2={421.05}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6B7F9" />
        <stop offset={1} stopColor="#2C1A45" />
      </linearGradient>
      <linearGradient
        id="e"
        x1={32.25}
        x2={32.25}
        y1={344.1}
        y2={370.2}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6B7F9" />
        <stop offset={1} stopColor="#2C1A45" />
      </linearGradient>
      <linearGradient
        id="f"
        x1={444.677}
        x2={444.677}
        y1={350.4}
        y2={421.05}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6B7F9" />
        <stop offset={1} stopColor="#2C1A45" />
      </linearGradient>
      <linearGradient
        id="g"
        x1={444.903}
        x2={444.903}
        y1={344.1}
        y2={370.2}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6B7F9" />
        <stop offset={1} stopColor="#2C1A45" />
      </linearGradient>
      <linearGradient
        id="h"
        x1={93.773}
        x2={32.588}
        y1={149.126}
        y2={184.451}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6B7F9" />
        <stop offset={1} stopColor="#2C1A45" />
      </linearGradient>
      <linearGradient
        id="i"
        x1={53.954}
        x2={31.351}
        y1={228.465}
        y2={241.515}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6B7F9" />
        <stop offset={1} stopColor="#2C1A45" />
      </linearGradient>
      <linearGradient
        id="j"
        x1={119.776}
        x2={119.776}
        y1={136.2}
        y2={174.45}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6B7F9" />
        <stop offset={1} stopColor="#2C1A45" />
      </linearGradient>
      <linearGradient
        id="k"
        x1={164.102}
        x2={186.706}
        y1={512.865}
        y2={525.915}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6B7F9" />
        <stop offset={1} stopColor="#2C1A45" />
      </linearGradient>
      <linearGradient
        id="l"
        x1={294.602}
        x2={317.206}
        y1={512.865}
        y2={525.915}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6B7F9" />
        <stop offset={1} stopColor="#2C1A45" />
      </linearGradient>
      <linearGradient
        id="m"
        x1={228.903}
        x2={251.506}
        y1={561.465}
        y2={574.515}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6B7F9" />
        <stop offset={1} stopColor="#2C1A45" />
      </linearGradient>
      <linearGradient
        id="n"
        x1={164.102}
        x2={186.706}
        y1={84.915}
        y2={71.865}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6B7F9" />
        <stop offset={1} stopColor="#2C1A45" />
      </linearGradient>
      <linearGradient
        id="o"
        x1={294.602}
        x2={317.206}
        y1={84.915}
        y2={71.865}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6B7F9" />
        <stop offset={1} stopColor="#2C1A45" />
      </linearGradient>
      <linearGradient
        id="p"
        x1={228.903}
        x2={251.506}
        y1={36.315}
        y2={23.265}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6B7F9" />
        <stop offset={1} stopColor="#2C1A45" />
      </linearGradient>
      <linearGradient
        id="q"
        x1={386.977}
        x2={448.162}
        y1={149.126}
        y2={184.451}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6B7F9" />
        <stop offset={1} stopColor="#2C1A45" />
      </linearGradient>
      <linearGradient
        id="r"
        x1={426.796}
        x2={449.399}
        y1={228.465}
        y2={241.515}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6B7F9" />
        <stop offset={1} stopColor="#2C1A45" />
      </linearGradient>
      <linearGradient
        id="s"
        x1={360.974}
        x2={360.974}
        y1={136.2}
        y2={174.45}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6B7F9" />
        <stop offset={1} stopColor="#2C1A45" />
      </linearGradient>
      <linearGradient
        id="u"
        x1={156}
        x2={350.98}
        y1={201}
        y2={369.271}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF2C9C" stopOpacity={0.92} />
        <stop offset={1} stopColor="#6941C6" stopOpacity={0.31} />
      </linearGradient>
      <linearGradient
        id="v"
        x1={241.05}
        x2={241.05}
        y1={201}
        y2={398.1}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6B7F9" />
        <stop offset={1} stopColor="#2C1A45" />
      </linearGradient>
      <linearGradient
        id="w"
        x1={179.85}
        x2={319.705}
        y1={228.9}
        y2={350.049}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF2C9C" stopOpacity={0.92} />
        <stop offset={1} stopColor="#6941C6" stopOpacity={0.31} />
      </linearGradient>
      <linearGradient
        id="x"
        x1={241.05}
        x2={241.05}
        y1={228.9}
        y2={370.2}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6B7F9" />
        <stop offset={1} stopColor="#2C1A45" />
      </linearGradient>
      <clipPath id="y">
        <path fill="#fff" d="M160 389h37v37h-37z" />
      </clipPath>
      <clipPath id="z">
        <path fill="#fff" d="M340 272h57v46h-57z" />
      </clipPath>
      <filter
        id="t"
        width={278.1}
        height={305.1}
        x={102}
        y={156}
        colorInterpolationFilters="sRGB"
        filterUnits="userSpaceOnUse"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          result="hardAlpha"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
        />
        <feOffset dy={9} />
        <feGaussianBlur stdDeviation={27} />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix values="0 0 0 0 0.422678 0 0 0 0 0.0239236 0 0 0 0 0.441667 0 0 0 0.2 0" />
        <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_182_304" />
        <feBlend
          in="SourceGraphic"
          in2="effect1_dropShadow_182_304"
          result="shape"
        />
      </filter>
    </defs>
  </svg>
);

export const Arc = (props: SVGProps<SVGSVGElement>) => {
  const a = useId();
  const b = useId();
  const c = useId();

  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={1609}
      height={714}
      fill="none"
      {...props}
    >
      <mask id={b} fill="#fff">
        <path
          fillRule="evenodd"
          d="M1609 714H-365C-305.877 311.774 113.472 0 622 0c508.53 0 927.88 311.774 987 714Z"
          clipRule="evenodd"
        />
      </mask>
      <path
        className="fill-white dark:fill-gray-950"
        fillRule="evenodd"
        d="M1609 714H-365C-305.877 311.774 113.472 0 622 0c508.53 0 927.88 311.774 987 714Z"
        clipRule="evenodd"
      />
      <path
        fill={`url(#${a})`}
        d="m-365 714-.989-.145-.169 1.145H-365v-1Zm1974 0v1h1.16l-.17-1.145-.99.145Zm-1974 1h1974v-2H-365v2Zm.989-.855C-304.979 312.546 113.817 1 622 1v-2C113.128-1-306.774 311.001-365.989 713.855l1.978.29ZM622 1c508.18 0 926.98 311.546 986.01 713.145l1.98-.29C1550.77 311.001 1130.87-1 622-1v2Z"
        mask={`url(#${b})`}
      />
      <g filter={`url(#${c})`}>
        <path
          fill="#E4B6D0"
          d="M323 34.3c0 6.787 5.506 12.3 12.282 12.3s12.281-5.513 12.281-12.3c0-6.786-5.505-12.3-12.281-12.3C328.506 22 323 27.514 323 34.3Z"
          opacity={0.4}
        />
        <path
          fill="#E4B6D0"
          d="M335.281 39.632a5.328 5.328 0 0 0 5.324-5.332 5.328 5.328 0 0 0-5.324-5.332 5.328 5.328 0 0 0-5.324 5.332 5.328 5.328 0 0 0 5.324 5.332Z"
          style={{
            mixBlendMode: "lighten",
          }}
        />
      </g>
      <defs>
        <linearGradient
          id={a}
          x1={622}
          x2={622.419}
          y1={0}
          y2={306}
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="#fff" stopOpacity={0.58} />
          <stop offset={0.469} stopColor="#2B1532" stopOpacity={0} />
        </linearGradient>
        <filter
          id={c}
          width={32.563}
          height={32.6}
          x={319}
          y={18}
          colorInterpolationFilters="sRGB"
          filterUnits="userSpaceOnUse"
        >
          <feFlood floodOpacity={0} result="BackgroundImageFix" />
          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
          <feGaussianBlur
            result="effect1_foregroundBlur_70_491"
            stdDeviation={2}
          />
        </filter>
      </defs>
    </svg>
  );
};

export const ProductCosmoStack = () => {
  return (
    <div className="relative flex w-full flex-col items-center overflow-hidden">
      <div className="flex h-full w-full flex-col items-center">
        <div className="relative flex items-center px-4 text-center md:px-8 md:text-left">
          <div className="flex w-full flex-col justify-start md:mt-12">
            <h3 className="hidden max-w-xl text-xl font-semibold text-gray-950 dark:text-white md:block md:text-3xl lg:text-[42px] lg:leading-[52px]">
              Full Lifecycle (Federated) GraphQL API Management
            </h3>
            <p className="mt-4 max-w-xl text-sm font-medium text-muted-foreground  md:text-base">
              Cosmo is a drop-in replacement to other services like Apollo
              GraphOS. It&apos;s the only OSS solution that bundles everything
              from Router to Schema Registry, Analytics and Tracing in one
              package. Perfect for monolithic and Federated GraphQL APIs.
            </p>
            <div className="my-12 flex max-w-2xl flex-col gap-y-6 divide-y text-left dark:divide-gray-800 md:my-16 md:gap-y-8 md:divide-y-0">
              <div className="grid gap-y-6 divide-y dark:divide-gray-800 md:grid-cols-2 md:gap-y-8 md:divide-x md:divide-y-0">
                <div className="md:pr-4">
                  <h4 className="flex items-center gap-x-2 font-semibold text-gray-950 dark:text-white">
                    <SiGraphql className="h-5 w-5 text-purple-500" />
                    Federation v1 and v2 compatible
                  </h4>
                  <p className="mt-4 text-sm font-medium text-muted-foreground md:text-base">
                    All your existing GraphQL Services will work out of the box.
                    Any framework, any language.
                  </p>
                </div>
                <div className="pt-6 md:pl-6 md:pt-0">
                  <h4 className="flex items-center gap-x-2 font-semibold text-gray-950 dark:text-white">
                    <RocketLaunchIcon className="h-5 w-5 text-purple-500" />
                    Fast and Reliable Router
                  </h4>
                  <p className="mt-4 text-sm font-medium text-muted-foreground md:text-base">
                    The fastest and most reliable Router for GraphQL with
                    support for Subscriptions and JWT Auth.
                  </p>
                </div>
              </div>
              <div className="grid gap-y-6 divide-y dark:divide-gray-800 md:grid-cols-2 md:gap-y-8 md:divide-x md:divide-y-0 md:pt-6">
                <div className="pt-6 md:pr-4 md:pt-0">
                  <h4 className="flex items-center gap-x-2 font-semibold text-gray-950 dark:text-white">
                    <DocumentCheckIcon className="h-5 w-5 text-purple-500" />
                    Maximized compliance
                  </h4>
                  <p className="mt-4 text-sm font-medium text-muted-foreground md:text-base">
                    Deploy Cosmo 100% on-prem for strict compliance requirements
                    or use our managed service.
                  </p>
                </div>
                <div className="pt-6 md:pl-6 md:pt-0">
                  <h4 className="flex items-center gap-x-2 font-semibold text-gray-950 dark:text-white">
                    <CommandLineIcon className="h-5 w-5 text-purple-500" />
                    Powerful CLI
                  </h4>
                  <p className="mt-4 text-sm font-medium text-muted-foreground md:text-base">
                    Manage all your GraphQL Workflows from the command line.
                  </p>
                </div>
              </div>
            </div>
          </div>
          {/* <Illustration className="hidden overflow-visible xl:block xl:scale-90" /> */}
        </div>
      </div>
    </div>
  );
};
